<template>
	<view class="btn" :style="{borderRadius:props.radius}" >
		<slot></slot>
	</view>
</template>

<script setup>
	const props = defineProps({
		radius:{
			type:String,
			default:'10px'
		}
	})
	
</script>

<style lang="scss">
	
.btn{
	// background-image: linear-gradient(to right, #2444EE, #3A75FF);
	background-color: #2F53EE;
	// border-radius: 30px;
	font-weight: 500;
	font-size: 36rpx;
	color: #fff;
	text-align: center;
	padding: 24rpx 0;
}
</style>